<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>账号已登录</title>
    <link rel="stylesheet" href="../css/账号已登录.css">
    <link rel="stylesheet" href="../assetes/iconfont/font_hifbwlmkjlr/iconfont.css">
    <link rel="stylesheet" href="../assetes/iconfont/账号/font_6wmf5kw0gqt/iconfont.css">
    <link rel="stylesheet" href="../assetes/iconfont/账号/font_x1p45h743jb/iconfont.css">
    <link rel="stylesheet" href="../assetes/iconfont/账号/font_skjgis0du2m/iconfont.css">
    <link rel="stylesheet" href="../assetes/iconfont/账号/font_paa3989ntx/iconfont.css">
    <link rel="stylesheet" href="../assetes/iconfont/账号/font_rpcv1hwvu6/iconfont.css">
</head>
<body>
    <header>
        <span>8:00</span>
        <div>
            <img src="../assetes/image/4G.png" alt="">
            <img src="../assetes/image/wifi.png" alt="">
            <img src="../assetes/image/电池.png" alt="">
        </div>
    </header>
    <section class="head">
        <div>
            <a href="#"><img src="../assetes/image/账号已登录/扫一扫.png" alt=""></a>
        </div>
        <div>
            <span>开通黑胶VIP &gt;</span>
            <a href="../views/歌曲播放.html"><img src="../assetes/image/发现/头像.png" alt=""></a>
        </div>
    </section>
    <main>
        <nav>
            <div>
                <div>
                    <p>开通黑胶VIP</p>
                    <p>加入黑胶VIP，立享超17项专属特权</p>
                </div>
                <a href="#">
                    <div>
                        <span>会员中心</span>
                    </div>
                </a>
            </div>
            <h1></h1>
            <div>
                <div>
                    <p>首开会员仅8元，尊享17项特权</p>
                    <p>即刻拥有海量会员曲库，CD级无损音质</p>
                </div>
                <div>
                    <a href="#">
                        <div>
                            <div>
                                <span>CD</span>
                            </div>
                        </div>
                        <span>&gt;</span>
                    </a>
                </div>
            </div>
        </nav>
        <section class="main-ct">
            <div class="admin">
                <div>
                    <img src="../assetes/image/账号已登录/用户头像.png" alt="">
                    <span>木子酱</span>
                </div>
                <div>
                    <span>签到</span>
                </div>
            </div>
            <div class="admin-ul">
                <ul>
                    <li>
                        <a href="#">
                            <div>
                                <img src="../assetes/image/账号已登录/我的消息.png" alt="">
                            </div>
                            <p>我的消息</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-wodehaoyou"></i>
                            <p>我的好友</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="../assetes/image/账号已登录/个人主业.png" alt="">
                            </div>
                            <p>个人主页</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="../assetes/image/账号已登录/个人装扮.png" alt="">
                            </div>
                            <p>个性装扮</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="author">
                <div>
                    <a href="#">
                        <i class="iconfont icon-dengpao"></i>
                        <span>创作者中心</span>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                    </a>
                </div>
            </div>
            <div class="list">
                <h1>音乐服务</h1>
                <ul>
                    <li>
                        <div>
                            <a href="#">
                                <div>
                                    <img src="../assetes/image/账号已登录/演出.png" alt="">
                                </div>
                                <span>演出</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <div>
                                    <img src="../assetes/image/账号已登录/商城.png" alt="">
                                </div>
                                <span>商城</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <i class="iconfont icon-cailing"></i>
                                <span>口袋彩铃</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <i class="iconfont icon-shinshopkefu"></i>
                                <span>在线免费听歌免流量</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="list">
                <h1>小工具</h1>
                <ul>
                    <li>
                        <div>
                            <a href="#">
                                <i class="iconfont icon-03"></i>
                                <span>设置</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <div>
                                    <img src="../assetes/image/账号已登录/定时.png" alt="">
                                </div>
                                <span>定时关闭</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <i class="iconfont icon-heimingdan"></i>
                                <span>音乐黑名单</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <i class="iconfont icon-cailing"></i>
                                <span>鲸云音效</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <div>
                                    <img src="../assetes/image/账号已登录/音乐闹钟.png" alt="">
                                </div>
                                <span>音乐闹钟</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <div class="year">
                                    <img src="../assetes/image/账号已登录/青少年模式.png" alt="">
                                </div>
                                <span>青少年模式</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div>
                            <a href="#">
                                <i class="iconfont icon-dingdan"></i>
                                <span>我的订单</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <i class="iconfont icon-youhuijuan"></i>
                                <span>优惠券</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <div>
                                    <img src="../assetes/image/账号已登录/分享云音乐.png" alt="">
                                </div>
                                <span>分享云音乐</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="#">
                                <div>
                                    <img src="../assetes/image/账号已登录/关于.png" alt="">
                                </div>
                                <span>关于</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="../assetes/image/账号已登录/右箭头.png" alt="">
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <h2></h2>
            <div class="exit">
                <a href="#exit-box">
                    <span>退出登录</span>
                </a>
            </div>
        </section>   
    </main>
    <section id="exit-box">
        <div>
            <div>
                <p>云音乐APP</p>
                <p>您确定要退出当前账号？</p>
            </div>
            <div>
                <a href="#">
                    <p>
                        <span>取消</span>
                    </p>
                </a>
                <h3></h3>
                <a href="../views/登录.html">
                    <p>
                        <span>确定</span>
                    </p>
                </a>
            </div>
        </div>
    </section>
    <footer>
        <section class="footer-ct">
            <ul>
                <a href="../views/发现.html"><li><img src="../assetes/image/发现黑.png" alt=""></li><span>发现</span></a>
                <a href="../views/视频.html"><li><i class="iconfont icon-shipin"></i></li><span>视频</span></a>
                <a href="../views/我的已登录.html"><li><img src="../assetes/image/我的.png" alt=""></li><span>我的</span></a>
                <a href="../views/云村.html"><li><img src="../assetes/image/云村.png" alt=""></li><span>云村</span></a>
                <a href="../views/账号已登录.html"><li><img src="../assetes/image/账号白.png" alt=""></li><span>账号</span></a>
            </ul>
        </section>
    </footer>
</body>
</html>